/* BODY */

body {
    background-color: #e6e6fa;
}


/* CONTAINER */

.container {
    width: 70%;
    margin: auto;
    text-align: center;
}


/* DICE */

.dice {
    text-align: center;
    display: inline-block;
}


/* HEADING */

h1 {
    margin: 30px;
    font-family: 'Lobster', cursive;
    text-shadow: 5px 0 #232931;
    font-size: 8rem;
    color: #9bc99e;
}

p {
    font-size: 2rem;
    color: #000000;
    font-family: 'Indie Flower', cursive;
}

@media(max-width: 500px) {
    body {
        text-align: center;
    }
    img {
        width: 50%;
    }
    h1 {
        font-size: 6rem;
        ;
    }
}

footer {
    margin-top: 5%;
    color: #003366;
    text-align: center;
    font-family: 'Indie Flower', cursive;
}

img {
    width: 80%;
}